<?php
$this->breadcrumbs=array(
	'Orders Statistics'=>array('index'),
	'Manage',
);


Yii::app()->clientScript->registerScript('search', "
$('.search-button').click(function(){
	$('.search-form').toggle();
	return false;
});
$('.search-form form').submit(function(){
	$.fn.yiiGridView.update('orders-grid', {
		data: $(this).serialize()
	});
	return false;
});
");

Yii::app()->clientScript->registerScriptFile(Yii::app()->theme->baseUrl . "/js/highcharts.js", CClientScript::POS_HEAD);
Yii::app()->clientScript->registerScriptFile(Yii::app()->theme->baseUrl . "/js/exporting.js", CClientScript::POS_HEAD);
?>

<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
    <tr>
        <th rowspan="3" class="sized"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
        <th class="topleft"></th>
        <td id="tbl-border-top">&nbsp;</td>
        <th class="topright"></th>
        <th rowspan="3" class="sized"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
    </tr>
    <tr>
        <td id="tbl-border-left"></td>
        <td>
            <!--  start content-table-inner ...................................................................... START -->
            <div id="content-table-inner">

                <!--  start table-content  -->
                <div id="table-content">
                    
                    <?php
                    $this->widget('zii.widgets.jui.CJuiTabs', array(
                        'id'  => 'orderRevenueTabs',
                        'tabs'=>array(                                
                                'Statistics Cups Coffee' => array(
                                    'content' => $this->renderPartial(
                                        'statisticsCupsCoffee', 
                                        array(
                                            'orders' => $orders,
                                            'statisticsOption' => $statisticsOption,
                                            'fromDate' => $fromDate, //timestamp formatted
                                            'toDate' => $toDate,
                                            'user' => $user,
                                        ), $this),
                                    'id' => 'statisticsCupsCoffee',
                                ),
                                'Statistics Revenue' => array(
                                    'content' => $this->renderPartial(
                                        'statisticsRevenue',
                                        array(
                                            'orders' => $orders,
                                            'statisticsOption' => $statisticsOption,
                                            'fromDate' => $fromDate, //timestamp formatted
                                            'toDate' => $toDate,
                                            'user' => $user,
                                        ),
                                        $this),
                                    'id' => 'statisticsRevenue'
                                )
                            ),
                            // additional javascript options for the tabs plugin
                            'options'=>array(
                                'collapsible'=>true,                                
                            ),
                        ));
                    ?>
                </div>
                <div class="clear"></div>
            </div>
            <!--  end content-table-inner ............................................END  -->
        </td>
        <td id="tbl-border-right"></td>
    </tr>       
    <tr>
        <th class="sized bottomleft"></th>
        <td id="tbl-border-bottom">&nbsp;</td>
        <th class="sized bottomright"></th>
    </tr>
</table>
<div class="clear">&nbsp;</div>